<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>闪电秒杀-我的评价</title>
    <link rel="stylesheet" href="../css/myEvaluation.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
</head>

<body style="background-color: #e3e4e55e;">
    
    <!-- 1.顶部横条 -->
    <div class="top">
        <div class="nav">
            <!-- (1).logo -->
            <div class="logo">
                <a href="../index.html"><img src="../images/shandianmiaosha_logo.png" alt="" class="logoimg"></a>
            </div>

            <div class="nav_r">
                <!-- (2).搜索框 -->
                <div class="search">
                    <div class="search_form">
                        <input type="text" class="text">
                        <a href="../product_show/more_products.html"><button>搜索</button></a>
                    </div>
                </div>

                <!-- (3).我的购物车 -->
                <div class="dropdown">
                    <i><img src="../images/sd_shopcar.png" alt=""></i>
                    <a href="../personal/myShopcar.html">我的购物车</a>
                </div>
            </div>  
                
        </div>
    </div>

    <!-- 2.主体内容 -->
    <div class="contain">

         <!-- (1).侧边目录条 -->
        <div class="sub">
            <div class="menu">
                <dl>
                    <dt class="ordercenter">订单中心</dt>
                    <a class="wodedingdan" href=""><dd>我的订单</dd></a>
                    <a href="../personal/myEvaluation.html"><dd class="mydingdan">我的评价</dd></a>
                </dl>
                
                <dl>
                    <dt class="ordercenter">我的钱包</dt>
                    <a href="../personal/myCoupon.jsp"><dd>优惠券</dd></a>
                    <a href="../personal/person.jsp"><dd>积分</dd></a>
                </dl>

                <dl>
                    <dt class="ordercenter">我的关注</dt>
                    <a href=""><dd>关注商品</dd></a>
                    <a href=""><dd>关注店铺</dd></a>
                </dl>
            </div>
        </div>

        <!-- (2).我的评价横条 -->
        <div class="title">
            <span class="myOrder">我的评价</span>
        </div>

        <!-- (3).订单列表 -->
        <div class="content">

            <!-- 选项卡 -->
            <div>
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#d1" data-toggle="tab">待评价</a></li>
                    <li><a href="#d2"  data-toggle="tab">已评价</a></li>
                </ul>
    
                <div class="tab-content">

                   <!-- 一、待评价页面 -->
                   <div id="d1"  class="tab-pane active"> 

                        <!-- 1.表头  -->
                        <div class="cart-head">
                           <div class="msg"><span>订单详情</span></div>
                           <div class="addressee"><span>收货人</span></div>
                           <div class="price"><span>金额</span></div>
                           <div class="state"><span>状态</span></div>
                           <div class="operate"><span>操作</span></div>
                       </div>

                       <!-- 2.订单列表 -->
                       <div class="pro-list">
                           <ul class="myul">

                               <li class="pro">

                                   <!-- 灰条 -->
                                   <div class="hui">
                                       <!-- 下单时间 -->
                                       <p class="date">2022-08-25 16:01:13</p>

                                       <!-- 订单号 -->
                                       <span class="dingdanhao">订单号：</span>
                                      <span class="no">246760966584</span>
                                   </div>

                                   <!-- (2).商品图片 -->
                                   <a href="../product_show/detail.html"><img src="../images/shopcar_pro1.jpg" style="margin-top: 15px; margin-left: -130px; float: left;"></a>

                                   <!-- (3).商品名字 -->
                                   <div class="name">
                                       <a href="../product_show/detail.html"><p>Mexin美心木门室内门卧室
                                           门房间门木质复合烤漆简约现代风格定制木门2000定金
                                       </p></a>
                                       <span class="count">x1</span>
                                   </div>

                                   <!--(4).收货人 -->
                                   <div class="people">
                                       <span class="name">张盈盈</span>
                                   </div>

                                   <!-- (5).金额 -->
                                   <div class="pro-xiaoji">
                                       <span>￥</span>
                                       <span>100.00</span>
                                   </div>

                                   <!-- (6).订单状态 -->
                                   <div class="zhuangtai">
                                       <span class="staue">待评价</span>
                                   </div>
                                   
                                   <!-- (7).操作 -->
                                   <div class="pro-caozuo">
                                    <a href="../personal/fabiao.html"><button class="review">去评价</button></a>
                                    <button class="del" data-toggle="modal" data-target="#myModal">删除</button>
                                </div>
                               </li>

                               <li class="pro">

                                <!-- 灰条 -->
                                <div class="hui">
                                    <!-- 下单时间 -->
                                    <p class="date">2022-08-25 16:01:13</p>

                                    <!-- 订单号 -->
                                    <span class="dingdanhao">订单号：</span>
                                    <span class="no">246760966584</span>
                                </div>

                                <!-- (2).商品图片 -->
                                   <a href="../product_show/detail.html"><img src="../images/shopcar_pro1.jpg" style="margin-top: 15px; margin-left: -130px; float: left;"></a>

                                <!-- (3).商品名字 -->
                                <div class="name">
                                    <a href="../product_show/detail.html"><p>Mexin美心木门室内门卧室
                                        门房间门木质复合烤漆简约现代风格定制木门2000定金
                                    </p></a>
                                    <span class="count">x1</span>
                                </div>

                                <!--(4).收货人 -->
                                <div class="people">
                                    <span class="name">张盈盈</span>
                                </div>

                                <!-- (5).金额 -->
                                <div class="pro-xiaoji">
                                    <span>￥</span>
                                    <span>200.00</span>
                                </div>

                                <!-- (6).订单状态 -->
                                <div class="zhuangtai">
                                    <span class="staue">待评价</span>
                                </div>
                                
                                <!-- (7).操作 -->
                                 <div class="pro-caozuo">
                                    <a href="../personal/fabiao.html"><button class="review">去评价</button></a>
                                    <button class="del" data-toggle="modal" data-target="#myModal">删除</button>
                                </div>
                            </li>


                           </ul>
                       </div>

                   </div>

                    <!-- 二、已评价页面 -->
                    <div id="d2"  class="tab-pane">

                         <!-- 1.表头  -->
                         <div class="cart-head">
                            <div class="msg"><span>订单详情</span></div>
                            <div class="addressee"><span>收货人</span></div>
                            <div class="price"><span>金额</span></div>
                            <div class="state"><span>状态</span></div>
                            <div class="operate"><span>操作</span></div>
                        </div>

                        <!-- 2.订单列表 -->
                       <div class="pro-list">
                        <ul class="myul">

                            <li class="pro">

                                <!-- 灰条 -->
                                <div class="hui">
                                    <!-- 下单时间 -->
                                    <p class="date">2022-08-25 16:01:13</p>

                                    <!-- 订单号 -->
                                    <span class="dingdanhao">订单号：</span>
                                    <span class="no">246760966584</span>
                                </div>

                                <!-- (2).商品图片 -->
                                <a href="../product_show/detail.html"><img src="../images/shopcar_pro1.jpg" style="margin-top: 15px; margin-left: -130px; float: left;"></a>

                                <!-- (3).商品名字 -->
                                <div class="name">
                                    <a href="../product_show/detail.html"><p>Mexin美心木门室内门卧室
                                        门房间门木质复合烤漆简约现代风格定制木门2000定金
                                    </p></a>
                                    <span class="count">x1</span>
                                </div>

                                <!--(4).收货人 -->
                                <div class="people">
                                    <span class="name">张盈盈</span>
                                </div>

                                <!-- (5).金额 -->
                                <div class="pro-xiaoji">
                                    <span>￥</span>
                                    <span>100.00</span>
                                </div>

                                <!-- (6).订单状态 -->
                                <div class="zhuangtai">
                                    <span class="staue">已评价</span>
                                </div>
                                
                                <!-- (7).操作 -->
                                <div class="pro-caozuo">
                                    <button class="del" data-toggle="modal" data-target="#myModal">删除</button>
                                </div>
                            </li>

                            <li class="pro">

                                <!-- 灰条 -->
                                <div class="hui">
                                    <!-- 下单时间 -->
                                    <p class="date">2022-08-25 16:01:13</p>

                                    <!-- 订单号 -->
                                    <span class="dingdanhao">订单号：</span>
                                    <span class="no">246760966584</span>
                                </div>

                                <!-- (2).商品图片 -->
                                <a href="../product_show/detail.html"><img src="../images/shopcar_pro1.jpg" style="margin-top: 15px; margin-left: -130px; float: left;"></a>

                                <!-- (3).商品名字 -->
                                <div class="name">
                                    <a href="../product_show/detail.html"><p>Mexin美心木门室内门卧室
                                        门房间门木质复合烤漆简约现代风格定制木门2000定金
                                    </p></a>
                                    <span class="count">x1</span>
                                </div>

                                <!--(4).收货人 -->
                                <div class="people">
                                    <span class="name">张盈盈</span>
                                </div>

                                <!-- (5).金额 -->
                                <div class="pro-xiaoji">
                                    <span>￥</span>
                                    <span>200.00</span>
                                </div>

                                <!-- (6).订单状态 -->
                                <div class="zhuangtai">
                                    <span class="staue">已评价</span>
                                </div>
                                
                                <!-- (7).操作 -->
                                <div class="pro-caozuo">
                                    <button class="del" data-toggle="modal" data-target="#myModal">删除</button>
                                </div>
                            </li>

                        </ul>
                    </div>

                    </div>

                    <!-- 模态框（Modal） -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header h">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel">提示</h4>
                                </div>
                                <div class="modal-body o">您确定要删除该订单吗？删除后将不可恢复！</div>
                                <div class="modal-footer f">
                                    <button type="button" class="btn btn-default b" data-dismiss="modal">取消</button>
                                    <button type="button" class="yes" id="yes_btn">确定</button>
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal -->
                    </div>

                </div>

            </div>

        </div>
        
    </div>
    
<script src="../js/myEvaluation.js"></script>
<script>
    var token = localStorage.getItem("token")
    $(".wodedingdan").attr("href","/demo/getAllOrders/" + token);
</script>
</body>
</html>